<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>表格1</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }

        ul,
        li {
            list-style-type: none;
        }

        html,
        body {
            width: 100%;
            height: 100%;
            font-family: Arial;
            background-color: #fcfcfc;
            font-size: 18px
        }

        *,
        *:after,
        *:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #wrap {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-flex-flow: column;
            flex-flow: column;
        }

        #main {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 12px;
            overflow-x: hidden;
            overflow-y: scroll;
        }

        #header {
            background-color: #fe6263;
        }

        .pcc_header {
            width: 100%;
            /*height: 2.2rem;*/
            display: flex;
        }

        .pcc_header .pcc_return {
            width: 4rem;
            height: 2.2rem;
            background: url("../image/retun-icon.png")no-repeat;
            background-size: 0.6rem;
            background-position: 0.7rem center;
        }

        .pcc_header .pcc_title {
            width: 12rem;
            height: 2.2rem;
            line-height: 2.2rem;
            color: #ffffff;
            text-align: center;
            font-size: 0.96rem;
        }

        .pcc_header .pcc_shere {
            width: 4rem;
            height: 2.2rem;
            background: url("../image/Personal.png")no-repeat center;
            background-size: 0.8rem;
        }

        .pcc_header .pcc-list {
            width: 4rem;
            height: 2.2rem;
            background: url("../image/list-icon.png")no-repeat;
            background-size: 0.8rem;
            background-position: right 0.7rem center;
        }

        .pcc_xuanzhuan {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px
        }

        table,
        td,
        th {
            border: 1px solid black;
            line-height: 1.8rem;
            text-align: center;
        }

        .pcc_cantent {
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
        }

        table .pcc_title {
            line-height: 2rem;
            text-align: center;
            border-bottom: 1px solid #000000;
            font-size: 16px;
        }

        table p {
            text-indent: 28px;
            line-height: 1.3rem;
            font-size: 14px;
            padding: 8px;
            text-align: left;
        }
        .pcc_foot{
          display: flex;
          padding: 8px;
          font-size: 12px;
          line-height: 1.3rem
        }
    </style>
</head>

<body>
    <div id="wrap">
        <div id="header">
            <div class="pcc_header">
                <a class="pcc_return" href="#" onclick="closeappend();"></a>
                <p class="pcc_title">新员工三级安全教育卡</p>
                <span style="width:4rem"></span>
            </div>
        </div>

        <div id="main">
            <table>
                <tr>
                    <td>姓名</td>
                    <td>王二小</td>
                    <td>性别</td>
                    <td>男</td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td>18</td>
                    <td>文化程度</td>
                    <td>本科</td>
                </tr>
                <tr>
                    <td>籍贯</td>
                    <td>浙江</td>
                    <td>进本企业日期</td>
                    <td>2018.08.08</td>
                </tr>
                <tr>
                    <td>部门</td>
                    <td>安检部</td>
                    <td>工种</td>
                    <td>安检员</td>
                </tr>
                <!-- </table>
            <div class="pcc_cantent"> -->
                <tr>
                    <td colspan="4">
                        <h4 class="pcc_title">企业级教育内容</h4>
                        <p>（1）讲解党和国家有关安全生产的方针、政策、法令、法规及有关企业生产、建设的规程、规定，讲解劳动保护的意义、任务、内容及基本要求。</p>
                        <p>（2）介绍本企业的安全生产情况，包括企业发展史（含企业安全生产发展史）、企业生产特点、企业设备分布情况（着重介绍特种设备的性能、作用、分布和注意事项）、主要危险及要害部位，介绍一般安全生产防护知识和电气、机械方面安全知识，介绍企业的安全生产组织机构及企业的主要安全生产规章制度。</p>
                        <p>（3）介绍企业安全生产的经验和教训，结合企业和同行业常见事故案例进行剖析讲解，阐明伤亡事故的原因及事故处理程序。</p>
                        <p>（4） 讲解事故应急救援、事故应急预案演练、以及各种事故的防范措施。</p>
                        <!-- <table> -->
                    </td>
                </tr>
                <tr>
                    <td>教育者</td>
                    <td>隔壁老王</td>
                    <td>受教育者</td>
                    <td>王二小</td>
                </tr>
                <tr>
                    <td>学时</td>
                    <td>18</td>
                    <td>考试结果</td>
                    <td>良好</td>
                </tr>
                <tr>
                    <td colspan="2">时间</td>
                    <td colspan="2">2018.08.08</td>
                </tr>

                <tr>
                    <td colspan="4">
                        <h4 class="pcc_title">车间级教育内容</h4>
                        <p>（1）本车间生产（性质）、特点及危险性较大的作业部位、机械设备和工（用）具的操作使用安全知识；安全技术基础知识。</p>
                        <p>（2）劳动纪律和安全制度；讲解各工种的操作规程和安全生产岗位责任制，及可能造成的职业危害和伤亡事故；防护用品正确使用保护方法。</p>
                        <p>（3）本部门曾发生的事故的原因及教训，典型事故案例剖析，预防事故和职业危害的措施及应注意的安全事项。</p>
                    </td>
                </tr>
                <tr>
                    <td>教育者</td>
                    <td>隔壁老王</td>
                    <td>受教育者</td>
                    <td>王二小</td>
                </tr>
                <tr>
                    <td>学时</td>
                    <td>18</td>
                    <td>考试结果</td>
                    <td>良好</td>
                </tr>
                <tr>
                    <td colspan="2">时间</td>
                    <td colspan="2">2018.08.08</td>
                </tr>

                <tr>
                    <td colspan="4">
                        <h4 class="pcc_title">班组（岗位）教育内容</h4>
                        <p>（1）介绍本班组生产概况、特点、范围、作业环境、设备状况等。重点介绍可能发生伤害事故的各种危险因素和危险部位，可用一些典型事故实例去剖析讲解。</p>
                        <p>（2）讲解本岗位使用的机械设备、工器具的性能，防护装置的作用和使用方法；讲解本工种安全操作规程和岗位责任及有关安全注意事项；介绍班组安全活动内容及作业场所的安全检查和交接班制度；发现了事故隐患或发生了事故应如何及时报告，并学会如何紧急处理险情。</p>
                        <p>（3）讲解使用劳动保护用品及其保管方法和安全生产的要求。</p>
                        <p>（4）讲解自救互救、紧急救援的方法，并让职工熟悉应急避灾路线，明确安全出口和安全人行道的路线。</p>
                    </td>
                </tr>
                <tr>
                    <td>教育者</td>
                    <td>隔壁老王</td>
                    <td>受教育者</td>
                    <td>王二小</td>
                </tr>
                <tr>
                    <td>学时</td>
                    <td>18</td>
                    <td>考试结果</td>
                    <td>良好</td>
                </tr>
                <tr>
                    <td colspan="2">时间</td>
                    <td colspan="2">2018.08.08</td>
                </tr>

                <tr>
                    <td colspan="4">
                        <h4 class="pcc_title">备注</h4>
                        <p>三级安全教育需考试合格，培训总学时不少于24学时新员工三级安全教育纪录卡</p>
                    </td>
                </tr>
            </table>
            <!-- </div> -->

            <div class="pcc_foot">
              <span>注：</span>
              <div>
                <p>1、此卡片由企业保管。</p>
                <p>2、如变换工种教育，必须在备注栏中说明。</p>
                <p>3、三级安全教育需考试合格，培训总学时不少于24学时新员工三级安全教育纪录卡</p>
              </div>
            </div>
        </div>
    </div>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function() {
        var header = $api.byId('header');
        //适配iOS 7+，Android 4.4+状态栏
        $api.fixStatusBar(header);

    };

    function openpage(url) {
        api.openWin({
            name: url,
            url: './' + url + '.html',
            pageParam: {
                name: 'test'
            }
        });
    };
    //关闭本窗口
    function closeappend() {
        api.closeWin();
    };
</script>

</html>
